/*css reset*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spaceing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
.cl{clear:left}
html, body{
	width: 100%;	
}
tbody{
   border-top: 0px solid #CCCCCC;
}
body{
	height: 100%;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
h1.title{
	font-size: 24px;
	color: #666;
	font-weight:normal;
	border-bottom:1px solid orange;
	margin-bottom:10px
}
h2{
	font-size: 12px;
	color: #c00;
}
h1 a, h1 a:visited, h2 a, h2 a:visited{
	color: #c00;
	text-decoration: none;
}
h1 a:hover, h2 a:hover{
	color: #c00;
	text-decoration: underline;
}
h3.section_title{
	font-size:14px;
	border-bottom:1px solid #666;
}
h4{font-size:12px; font-weight:bold}
p{
	padding-top:10px;
	margin-bottom: 10px;
}
a, a:visited{
	text-decoration: underline;
	color:#00c;
	font-weight:bold
}
a:hover{
	text-decoration: underline;
	color: #00c;
}
ul, ol{
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: left;
}
ul li{
	margin-bottom: 2px;
}
ul li ul li{
	list-style-type: square;
}
ol li ul li{
	list-style-type: disc;
}
* html ol li{
	margin-left: 5px;
}

select{
	/* background-color: #fff;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: #666 1px solid;
	margin: 2px 0 2px 0; */
}
hr{
	color: #fc0;
	background-color: #fc0;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin: 0;
}
/* main layout */
.wrapper{
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
}
div.wrapper div.main, div.main{
	margin-top:10px;
	width:1024px;
	min-height:300px;
	_height:300px;
	background:#fff
}
.header{
	width:100%;
    /*background-color: #CC0000;*/
	background:url(images/header_bg.gif) no-repeat #0100cc;
	text-align: left;
        height: 79px;
}
.header-right{
	height: 79px;
        width: 0;
}
.logo{display:block; height:79px; border:1px solid #fff; border-bottom:1px solid #a9aab6}
.logo h1{height:78px; width:145px; text-indent:-2000px; overflow:hidden; background:url(images/logo.gif)}
.logo img{vertical-align:middle}
#maincontent{
	float: right;
	width: 78%;
	margin-top: 3px;
	padding: 3px 15px 3px 3px;
	text-align: left;
}
.homepage{
	float:left;
	display:inline;
	width:675px;
	margin:0 0 6px 7px;
	text-align:left;
}

.side {
	/*float: left;margin: 0;*/
	width: 258px;
	text-align: left;
	float:left;
	display:inline;
	margin:12px 0 0 45px;
	background:#fff;
	_position:relative
}
.side h2{width:248px; height:16px; padding-left:10px; background:url(images/silde.png); color:#fff}
.side .content{background:url(images/silde_01.png) repeat-x; padding:10px 0 10px 0px}
.side .content li{padding:10px 0; width:248px; overflow:hidden}
.side .content ul { list-style:none}
.side .block-menu .content{ margin-bottom:10px}
.side .block-menu .content li{background:url(images/point_66.png) no-repeat left center; list-style:none; padding:0 0 0 10px; margin:0; width:238px; line-height:18px}
.side p{padding:1px 0;float:left; margin:0; width:170px}
.side .key_contact_img{ width:70px; padding:0 5px 0 0 }
.key_contact_txt{width:170px; float:left}
.side .email{word-wrap:break-word}
.footer{
	clear: left;
	border-top:6px solid #f60;
	padding-top: 3px;
	text-align: center;
	margin-top:5px
}
.preview .node {
    background-color: #FFF;
}
.node-unpublished{
	background-color: #FFF;
}

.node-type-list dt{
	padding-bottom: 3px;
}
#popIframe {
background-color: #fff;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=55);/*IE*/
opacity:0.5;/*FF*/
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

}

/*menu css*/
.header{z-index:2; position:relative}
.nav-top{border-top:1px solid #00c; background:#fff}
.nav-top .content{width:100%}
.nav-top .menu{clear:both; border:1px solid #fff; border-width:0px 1px; position:relative; height:59px; margin:0; background:url(images/nav_04.png) repeat-x;}
.nav-top ul.menu li{float:left; background:url(images/nav_05.png) no-repeat right center; font-size:11px; z-index:500; line-height:29px; margin:0; text-align:center; padding:0 0px 0 0; list-style:none;}
.nav-top ul.menu a{color:#333; display:block; text-align:center; padding:0 10px 0 10px; float:left; text-decoration:none; font-weight:normal}
ul.menu .sg_arrow a{color:#f60; font-weight:bold; padding: 0 7px}
.nav-top ul.menu a:hover{color:#f60}
.nav-top ul.menu .last{background:none}
.nav-top ul.menu ul{display:none; position:absolute; height:30px; width:1022px; top:29px; left:0; background:#fff; list-style-image:none; z-index:51; margin:0}
.nav-top ul.menu ul li{padding:0; float:left; height:30px; background:url(images/nav_03.png) no-repeat right center}
.nav-top ul.menu ul a{color:#333; vertical-align:middle; padding:0 20px; _height:1%; display:block; float:left}
ul.menu  .sg_arrow ul a{color:#333; font-weight:normal}
.nav-top ul.menu ul a:hover{color:#f60}
.nav-top ul.menu ul a.active-trail,.nav-top ul.menu ul a.active{color:#f60; font-weight:bold}
.nav-top ul.menu ul ul{left:150px; top:0}
.login-bar{position:absolute; right:20px; top:20px}
.login-bar li{float:left; display:inline; margin-right:5px}
.login-bar a{color:#fff; text-decoration:none}
.login-bar a:hover{color:#fff; text-decoration:underline}
.login-bar li a.active{color:#fff}
.login-bar .account{font-size:18px;font-weight:normal}
.account a{font-weight:normal}
li.logout, li.login{padding-right:8px; background:url(images/header_btn_r.png) right no-repeat; margin-top:5px}
.login a, .logout a{ height:20px; font-size:11px; text-align:center; padding-left:6px; line-height:18px; display:block; background:url(images/header_btn_l.png) no-repeat left;}
/*.login a, .logout a{margin-top:5px; width:79px; height:20px; font-size:11px; text-align:center; line-height:18px; display:block; background:url(images/header_btn.png) no-repeat;}*/
.region-header{position:absolute; right:0; top:54px;z-index: 5}
#block-locale-language {
    float: right;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 54px;
    width: 152px;
    z-index: 99999;
}
#block-locale-language h2{float:left; color:#fff; line-height:25px; padding-right:5px}
#block-locale-language .content{display:inline}
#block-locale-language select{float:left}
.nav-top-other #block-locale-language{
    top: 0;    
}
.nav-top-other #block-block-2{
    top: 21px;
}
.nav-top-other #block-locale-language h2{
   color: #333;
}
li a.active{color:#f60}
#block-block-2{position:absolute; top:75px; right:5px; z-index:500; width:150px; text-align:right}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;min-height: 0%;}
/*FAQ*/
.faq_content_hd h3{padding:10px 0}
.faq_content .faq_content_hd a{display:block; text-decoration:none; line-height:18px}
.faq_content_hc h3{font-size:14px; border-bottom:1px solid #666; padding-top:30px}
.faq_content_hc a.return_top{display:block; padding:0 0 0 20px; text-decoration:none; background:url(images/arrow_up.png) no-repeat left center; line-height:12px}
.img_left{float:left; padding-right:15px; width:170px}
.content_right{float:left; width:490px}
.content_about li{padding-left:8px; background:url(images/point_66.png) no-repeat left center}

table.sticky-enabled{border:1px solid #000; border-width:1px 0 0 0; width:100%; margin:0 0 10px}
table.sticky-enabled th{background:#fff; border:none; padding:7px 0 8px 8px; font-size:11px; font-weight:bold}
table.sticky-enabled th a, table.sticky-enabled th{color:#999; text-decoration:none}
table.sticky-enabled td{color:#444; font-size:11px; padding:7px 0 8px 8px; border:solid #d7d7d7; border-width:1px 0}
table.sticky-enabled tr.even{background:#fff}
table.sticky-enabled tr.even td.active{background:#fff}
table.sticky-enabled tr.odd{background:#f4f4f4}
table.sticky-enabled tr.odd td.active{background:#f4f4f4}
table.sticky-enabled tr.even, table.sticky-enabled tr.odd{border:solid #d7d7d7; border-width:1px 0}
table.sticky-enabled tr.selected td.active, table tr.selected td{}
table.sticky-enabled tr td:last-child{border:none}
table.sticky-enabled #edit-add-name{width:125px}
table.sticky-enabled #edit-add-type{width:80px}
table.sticky-header{border-collapse:separate}

/*form css*/
fieldset.webform-component-fieldset legend {
background:none;
border: none;
border-bottom: 1px solid #666;
display: block;
min-height: 1.5em;
line-height: 1.5em;
left: -1px;
padding: 0;
text-indent: 5px;
top: -12px;
width: 100%;
font-size:14px;
font-weight:bold;
	
-khtml-border-radius-topleft: 0px;
-khtml-border-radius-topright: 0px;
	
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;

-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;

border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.webform-component:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
/*.webform-component{*zoom:1}*/
.webform-component .file-upload-js-error{clear:both}
.webform-component fieldset .fieldset-wrapper {
    padding: 0 5px;
}
.form-item, .form-actions {
    margin:15px 0
}
.webform-component label, .usermanage label {
    font-weight: bold;
	color:#444;
	font-size:13px;
	padding-bottom:5px;
	text-align:left
}
.webform-component  .description{
	clear:left
}
.webform-component label{float:left; width:310px; padding-right:10px}
#webform-component-pg-initiator-approver--additional-comments label, #webform-component-pg-initiator-approver--notice-additional-comments p, #field-date-add-more-wrapper .fieldset-legend{color:#444; width:100%; font-size:13px; font-weight:bold; text-align:left}
.webform-component p{color:#666; font-size:11px}

.webform-component label.error {
    display:block;
    font-weight: normal;
	width: 305px;
	padding-right:60px;
	color:red;
	float:right
}
.node-scheduled_report-form label.error {
    display:block;
    font-weight: normal;
	width: 305px;
	padding-right:60px;
	color:red;
}
span.error{border: 2px solid red; display:inline-block; height:22px}
.webform-component .form-type-radio{
	float:left;
	width: auto;
	padding-right:10px;
}
.webform-component .form-type-radio label {
    display:inline;
	float:none;
    font-weight: normal;
	width: auto;
}


.webform-component input, .form-type-password input, .form-item-txtUserID input, .form-text  {
    padding: 2px;
	border:1px solid #999;
	height:21px;
	line-height:21px;
	*padding-top: 0;
}
.webform-component .readonly{color:#999}
.webform-component-textfield input, .webform-component-email input, .webform-component-number input{width:300px}
.webform-component-select select{width:306px; border:1px solid #999}
.webform-componen textarea.form-textarea, .webform-componen select.form-select {
padding: 2px;
}

#webform-component-organisational-data--additional-comments label{
	line-height:2em;
	float:none;
	display: block;
    width: 100%;
}

.webform-client-form .form-actions{
	text-align:center;
}
.form-managed-file .form-file, .form-managed-file .form-submit{margin:0 5px}
.webform-client-form #edit-actions input, .form-managed-file input, .usermanage_submit input, .form-submit{
	overflow:visible;
	margin:0 10px 0 0;
	background:url(images/btn_bj.png) repeat-x;
	line-height:21px;
	height:25px;
	border:1px solid #999;
	padding:0 9px;
	color:#0046ad;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	_overflow:hidden
}
#edit-actions input.form-submit{vertical-align:middle}
a.form-submit{display:inline-block;height:23px;color:#0046AD; text-decoration:none; vertical-align:middle;}
* html .form-actions a.form-submit, .region-content a.form-submit{text-decoration:none; _height:26px; _line-height:26px}
.form-select{padding:2px; border:1px solid #999; height:25px}
.webform-client-form .form-file{width:225px}
.webform-component-reference .form-submit{height:27px; vertical-align:top;}
* html .webform-component-reference .form-submit{overflow:hidden; margin-top:1px; line-height:18px}
.form-item-submitted-relocation-data-receiving-company-legal-entity2-code,.form-item-submitted-relocation-data-receiving-company-legal-entity2-name,.form-item-submitted-relocation-data-receiving-company-legal-entity2-city{float:left; margin:0; width:66px}
.form-item-submitted-relocation-data-receiving-company-legal-entity2-code input,.form-item-submitted-relocation-data-receiving-company-legal-entity2-name input,.form-item-submitted-relocation-data-receiving-company-legal-entity2-city input{width:58px}
.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-code,.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-name,.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-city{float:left; margin:0; width:66px}
.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-code input,.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-name input,.form-item-submitted-personal-data-legal-entity-which-employee-signed-their-contract-for-city input{width:58px}
.legal-entity-search{margin-right:5px;}
.form-type-checkbox input{border:none}
.webform-component .marker, .form-required {
    color: red;
}
.form-textarea{border:1px solid #999}
.mtmb15{margin:15px 0}



html.js input.webform-calendar{border:none; margin:0}
html.js input.form-autocomplete {background-position: 100% 6px}
.webform-container-inline label{display:block}
.form-radios input{border:none}
.webform-container-inline label{margin-right:0}
ul li.expanded,ul li.collapsed,ul li.leaf{list-style-image:none}
#modalContent{position:absolute; top:10px; left:10px;}
/*change password*/
.iconAlert{
	font-size: 13px;
	background: url(images/alert.png) 5px 10px no-repeat #FEF5F1;
	padding-left: 25px;
	text-align: left;
	color:red;
	display: none;
	padding:10px 30px; 
	color:#8C2E0B; 
	margin:15px 0; 
	border:1px solid #ED541D
}
.iconInfo{
	font-size: 13px;
	background: url(images/Info.png) 5px 1px no-repeat;
	padding-left: 25px;
	text-align: left;
	color:#0F70C2;
	display: none;
}
.SuccessMsg{
    color:red; background:#f9f9f9; padding:10px; margin:15px 0; border:1px solid #ddd;display: none;
}

/*login*/
.login_error{background:#F16900; padding:10px; color:#fff; margin:15px 0}
.login_error h2{font-size:18px; color:#fff; font-weight: 400; margin:0 18px 0 0;}
.login_error p{margin:0; padding:10px 0 0 0}
#login{margin:10px 7px 20px; display:inline; padding:10px 0; width:258px; float:left}
#login h2{border-bottom:1px solid #FBB660; color:#444; padding:10px 0; font-size:13px;}
#login .login_form_field, #login .login_form_check{margin:15px 0; padding:0}
#login .login_form_field label{font-size:11px; font-weight:bold; padding:0 0 5px 0; color:#444; display:block}
#login .login_form_check label{float:none}
#login .login_form_field input{border:1px solid #999; width:188px; background:#fff; height:21px; padding:2px}
#login .login_form_check input{ vertical-align:middle; margin-right:7px}
#login .btn-submit, #login .btn-reset{padding:0 9px; margin-right:10px; cursor:pointer; line-height:25px; height:25px; color:#0046ad; border:1px solid #999; background:#fff; font-weight:bold; background:url(images/btn_bj.png) repeat-x}
#login .forget_pas{margin:20px 0}
#sidebar{float:right; display:inline; padding:15px 18px 15px 18px; margin-top:220px}
.bottom_logo{width:175px; height:60px; background:url(images/crown.relo.gif) no-repeat; overflow:hidden; text-indent:-2000px}
#webform-component-pg-initiator-approver--not-rlm-confirm-info label{width:625px;padding-right:15px;}
#webform-component-pg-initiator-approver--rlm-confirm-info label{width:625px;padding-right:15px;}
#edit-submitted-pg-initiator-approver-not-rlm-confirm-info label{display:none;}
#edit-submitted-pg-initiator-approver-rlm-confirm-info label{display:none;}

#edit-submitted-pg-initiator-approver-not-rlm-confirm-info label.error{text-align: right;}
#edit-submitted-pg-initiator-approver-rlm-confirm-info label.error{text-align: right;}
#webform-component-pg-initiator-approver--additional-comments label.error{
    display:block;
    font-weight: normal;
    color:red;
    float:left;
    font-size: 13px;
}

#webform-component-for-allowances-calculation--is-salary-change {margin-bottom:0}
#webform-component-for-allowances-calculation--is-salary-change-description {margin:0 }
#webform-component-for-allowances-calculation--is-salary-change-description p{padding:0}
#webform-component-for-allowances-calculation--is-salary-change-description p strong{font-weight:bold;color: #444444;font-size:12px}
#edit-submitted-pg-initiator-approver-please-attach-approval-notification-ajax-wrapper .description{ font-size:11px; color:red;}
.form-managed-file .form-file{margin:0}
.action-links li a{
    overflow:visible;
    margin:0 10px 0 0;
    background:url(images/btn_bj.png) repeat-x;
    line-height:25px;
    border:1px solid #999;
    padding:0 9px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block;
    height:23px;
    color:#0046AD; 
    margin-top: 8px;
    text-decoration:none
}
#node-admin-content .form-wrapper{margin:15px 0; display:inline; float:none; *zoom:normal; *min-height:auto}
#node-admin-content .filters{width: 28em; display:block; float:none}
#node-admin-content label{font-weight: bold; color:#444; font-size:13px; padding-bottom:5px; text-align:left; display:block; float:none}
#node-admin-content #edit-filters{margin:0}
#node-admin-content .additional-filters{float:none}
#node-admin-content #edit-actions{clear:left; display:block}
#node-admin-content .form-item-operation {
    float: left;
    margin: 0 1em 0 0;
    width: 28em;
}
#node-admin-content #edit-options {
    margin: 5px 0 8px 0;
}

#node-admin-content .form-select{
    width: 25em;
}
.usermanage #usermanage-ajax-progress{margin-left:-10px;vertical-align:middle;min-width:10px;}
.usermanage #usermanage-ajax-progress_throbber{display:none}
.usermanage #edit-txtuserid{width:335px}


.webform-results-per-page .selected{color:#FF6600}


#usermange-forget-sidebar{float:right; display:inline; padding:15px 18px 15px 18px; margin-top:220px}


.item-list .pager li {
    padding: 0.1em;
}
.item-list  ul.pager li {
    margin: 0 0 0.25em 5px;
}
.sticky-enabled td .item-list ul{margin:0}
.sticky-enabled td .item-list li{margin:0}

#edit-field-uploaded-und-0-ajax-wrapper .description{color:red;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 42%;
}

.single-line{margin:15px 0;}
.single-line .form-item-country{float:left; display:inline; margin:0 15px 0 0}
.single-line .form-submit{height:25px; float:left}
.single-line label.error{width:auto; float:none; padding:0; margin:0 0 0 312px}
.webform-datepicker .element-invisible{
    display: none;
}
#pop-option{border:1px solid #ddd; padding:15px; background: #fff; z-index: 999}
#login .login_form_field .error{border:2px solid #f00; color:#8C2E0B}
#taxonomy-form-term #edit-description-format{
    display: none;
}
.date_range{margin: -10px 0;}
.date_range_from_to{
    text-align: center;
    width: 49px;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}
#autocomplete{
    background-color: #FFF;
}
#submissions-country-select-form .form-type-textfield{
    margin: 10px 0;
}
#submissions-country-select-form .form-type-select{
    margin-top: 10px;
    margin-bottom: 0px;
}
#submissions-country-select-form #edit-go{
    margin: 10px 0;
}
.webform-component-display{
    overflow:auto;
}
.webform-component{
    overflow:hidden;
}
#webform-component-pg-initiator-approver--additional-comments{
    overflow: visible;
}